
        <script type="text/javascript" charset="utf-8" src="__PUBLIC__/Scripts/works/hm_002.js"></script>
        <script type="text/javascript" charset="utf-8" src="__PUBLIC__/Scripts/works/contains.js"></script>
        <script type="text/javascript" charset="utf-8" src="__PUBLIC__/Scripts/works/taskMgr.js"></script>
        <script type="text/javascript" charset="utf-8" src="__PUBLIC__/Scripts/works/views.js"></script>
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/CSS/works/gdt-style.css">
        <link href="__PUBLIC__/CSS/works/home.css" media="all" rel="stylesheet" type="text/css">
        <script src="__PUBLIC__/Scripts/works/hm.js"  type="text/javascript"></script>
        <script src="__PUBLIC__/Scripts/works/home.js" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/CSS/base.css">
        <div class="center">
            <header class="header" style="height: 80px; border-bottom:1px solid #efefef; display: none;">
                <div class="center960">
                    <h1 style="top: 18px;"><a href="http://weidian.pigcms.com/"><img src="__PUBLIC__/Images/works/global_logo.png" alt="小猪cms微电商" title="小猪cms微电商" style="display: inline-block;"></a></h1>
                    <nav style="top: 28px;">
                        <ul class="clearfix" style="bottom:15px;  ">
                            <li class=""><a href="http://weidian.pigcms.com/">首页</a></li>
                            <li class=""> <a href="http://weidian.pigcms.com/store.php">功能介绍 </a> </li>
                            <li class="active"><a href="http://weidian.pigcms.com/special.php">系统特性</a></li>
                            <li class=""><a href="http://weidian.pigcms.com/buy.php">我要购买</a></li>
                            <li class="" style="display:none"><a href="http://www.pigcms.com/case#mark">案例中心</a></li>
                            <li class=""><a href="http://d.pigcms.com/" target="_blank">试用体验</a></li>
                            <li class=""><a href="http://www.pigcms.com/index.php?g=Home&amp;m=Index&amp;a=linkas&amp;ds=1" target="_blank">联系我们</a></li>
                        </ul>
                    </nav>
                </div>
            </header>  
            <link href="__PUBLIC__/CSS/works/index2.css" media="screen" rel="stylesheet" type="text/css">
            <script src="__PUBLIC__/Scripts/works/index2.js" type="text/javascript"></script>
            <link href="__PUBLIC__/CSS/works/index.css" rel="stylesheet" type="text/css">
            <script src="__PUBLIC__/Scripts/works/index.js" type="text/javascript"></script> 
            <script src="__PUBLIC__/Scripts/works/jquery-1.js"></script> 
            <script src="__PUBLIC__/Scripts/works/navfix.js"></script>
            <div style="height:330px; overflow:hidden;display: none;">
                <div style="  background: rgb(71, 119, 239);height:434px; overflow:hidden">
                    <div style="width:1200px;; margin:0 auto"><a href="###" target="_blank"><img src="__PUBLIC__/Images/works/1_conew1.png" height="360"></a></div>
                </div>
            </div>  <script>
                $(function () {
                    $('.socll').navfix(80, 99, '#fff');
                });
            </script> 
            <script type="text/javascript">

                function intval(v) {
                    v = parseInt(v);
                    return isNaN(v) ? 0 : v;
                } // ?取元素信息   
                function getPos(e) {
                    var l = 0;
                    var t = 0;
                    var w = intval(e.style.width);
                    var h = intval(e.style.height);
                    var wb = e.offsetWidth;
                    var hb = e.offsetHeight;
                    while (e.offsetParent) {
                        l += e.offsetLeft + (e.currentStyle ? intval(e.currentStyle.borderLeftWidth) : 0);
                        t += e.offsetTop + (e.currentStyle ? intval(e.currentStyle.borderTopWidth) : 0);
                        e = e.offsetParent;
                    }
                    l += e.offsetLeft + (e.currentStyle ? intval(e.currentStyle.borderLeftWidth) : 0);
                    t += e.offsetTop + (e.currentStyle ? intval(e.currentStyle.borderTopWidth) : 0);
                    return {
                        x: l,
                        y: t,
                        w: w,
                        h: h,
                        wb: wb,
                        hb: hb
                    };
                } // ?取??条信息   
                function getScroll() {
                    var t, l, w, h;
                    if (document.documentElement && document.documentElement.scrollTop) {
                        t = document.documentElement.scrollTop;
                        l = document.documentElement.scrollLeft;
                        w = document.documentElement.scrollWidth;
                        h = document.documentElement.scrollHeight;
                    }
                    else
                    if (document.body) {
                        t = document.body.scrollTop;
                        l = document.body.scrollLeft;
                        w = document.body.scrollWidth;
                        h = document.body.scrollHeight;
                    }
                    return {
                        t: t,
                        l: l,
                        w: w,
                        h: h
                    };
                } //   
                function scroller(el, duration) {

                    if (typeof el != 'object') {
                        el = document.getElementById(el);
                    }
                    if (!el)
                        return;
                    var z = this;
                    z.el = el;
                    z.p = getPos(el);
                    z.s = getScroll();
                    z.clear = function () {
                        window.clearInterval(z.timer);
                        z.timer = null
                    };
                    z.t = (new Date).getTime();
                    z.step = function () {
                        var t = (new Date).getTime();
                        var p = (t - z.t) / duration;
                        if (t >= duration + z.t) {
                            z.clear();
                            window.setTimeout(function () {
                                z.scroll(parseInt(z.p.y) - 160, z.p.x);
                            }, 13);
                        }
                        else {
                            st = ((-Math.cos(p * Math.PI) / 2) + 0.5) * (z.p.y - z.s.t) + z.s.t;
                            sl = ((-Math.cos(p * Math.PI) / 2) + 0.5) * (z.p.x - z.s.l) + z.s.l;
                            z.scroll(parseInt(z.p.y) - 160, sl);
                        }
                    };
                    z.scroll = function (t, l) {
                        window.scrollTo(l, t)
                    };
                    z.timer = window.setInterval(function () {
                        z.step();
                    }, 13);
                }
            </script> 
            <!------------------------->
            <link rel="stylesheet" type="text/css" href="__PUBLIC__/CSS/works/ydyfx.css">
            <script src="__PUBLIC__/Scripts/works/jquery.js"></script>
            <style>
                #gd_box{ width:180px; height:450px;}
                .gd_box2{ width:4px; height:160px; background:#dddddd; position:absolute; top:12px; right:3px;}
                .fnav {
                    background-color: #5f5f5f;
                    margin-top: 0px;}
                </style>
                <script type="text/javascript">
                $(document).ready(function () {

                });

                function goTop()
                {
                    //window.location.href = "#nav1";
                    $("html,body").animate({scrollTop: $("#nav1").offset().top}, 500);
                }

                function scrollToId(targetId)
                {
                    $("html,body").animate({scrollTop: $(targetId).offset().top - 160}, 500);
                }
                //弹窗
                function popup(mudi) {
                    //var thistop=$(this).offset().top;//获取当前位置的top
                    //var maskHeight = $(document).height();//文档的总高度
                    var maskWidth = $(window).width();//窗口的宽度		
                    var maskHeight = $(window).height();//窗口高度		
                    var popTop = (maskHeight / 2) - ($('#pop_box').height() / 2);
                    var popLeft = (maskWidth / 2) - ($('#pop_box').width() / 2);
                    $('#pop_box').css({top: popTop, left: popLeft}).slideDown(600);
                    $("#mudi").val(mudi);
                }
                //弹窗
                function popup2() {
                    //var thistop=$(this).offset().top;//获取当前位置的top
                    //var maskHeight = $(document).height();//文档的总高度
                    var maskWidth = $(window).width();//窗口的宽度		
                    var maskHeight = $(window).height();//窗口高度		
                    var popTop = (maskHeight / 2) - ($('#pop_box2').height() / 2);
                    var popLeft = (maskWidth / 2) - ($('#pop_box2').width() / 2);
                    $('#pop_box2').css({top: popTop, left: popLeft}).slideDown(600);
                }
                </script> 
                <script>
                    $(document).ready(function () {
                        var navH = $(".gd_box").offset().top - 60;/* 获取导航条距离顶部距离 */
                        $(window).scroll(function () {
                            var scroH = $(this).scrollTop();/* 获取滚动条的滑动距离 */
                            if (scroH >= navH)
                            {
                                $(".gd_box").css({"position": "absolute", "top": "100px"});
                            }
                            else if (scroH < navH)
                            {
                                $(".gd_box").css({"position": "absolute", "top": "+100px"});
                            }
                        })
                    })
                </script>
                <!------------------------->
                <link href="__PUBLIC__/CSS/works/platform.css" media="screen" rel="stylesheet" type="text/css"><!--tab------------------------------>
                <!--<link rel="stylesheet" type="text/css" href="__PUBLIC__/CSS/works/demo.css">-->
                <link rel="stylesheet" type="text/css" href="__PUBLIC__/CSS/works/tabs.css">
                <link rel="stylesheet" type="text/css" href="__PUBLIC__/CSS/works/tabstyles.css">
                <script src="__PUBLIC__/Scripts/works/modernizr.js"></script> 
                <div class="container">
                    <section>
                    <div class=" lin tabs-style-topline" style="  ">
                        <div class="socll" style="width: 100%; height: 55px; left: 0px; padding-top: 15px; position: static; top: auto; background: transparent none repeat scroll 0% 0%;">  
                            <nav>
                                <ul>
                                    <li class=""><a href="javascript:void(0);" class="icon icon-gift"><span>微信投票</span></a></li>
                                    <!--
                                    <li class=""><a href="http://weidian.pigcms.com/order.php" class="icon icon icon-tools"><span>  订单功能 </span></a></li>  
                                    <li class=""><a href="http://weidian.pigcms.com/store.php" class="icon icon-date"><span>店铺功能</span></a></li>
                                    <li class=""><a href="http://weidian.pigcms.com/wechat.php" class="icon icon icon-display"> <span>微信功能</span></a></li>
                                    <li class=""><a href="http://weidian.pigcms.com/branch.php" class="icon icon-upload"><span>分销介绍</span></a></li>
                                    <li class="tab-current"><a href="http://weidian.pigcms.com/platform.php" class="icon icon icon-box"><span>商城平台</span></a></li>
                                    <li class=""><a href="http://weidian.pigcms.com/background.php" class="icon icon-config"><span>后台介绍</span></a></li>
                                    -->
                                </ul>
                            </nav> 
                            <div style="position: relative;display: flex;margin: 0 auto;padding: 0;max-width:1200px;list-style: none;">
                                <div class="gd_box" style="position: absolute; top: 100px;right:0%;">
                                    <div id="gd_box">
                                        <div id="gd_box1">
                                            <div id="nav">
                                                <ul>
                                                    <li class="current"><a class="f1" onclick="scrollToId('#f1');">　微信投票</a></li>
                                                    <li class=""><a class="f2" onclick="scrollToId('#f2');">　视频播放</a></li>
                                                    <li class=""><a class="f3" onclick="scrollToId('#f3');">　多项投票</a></li>
                                                    <li class=""><a class="f4" onclick="scrollToId('#f4');">　投票活动管理</a></li>
                                                    <li class=""><a class="f5" onclick="scrollToId('#f5');">　自定义投票选项</a></li>
                                                    <li class=""><a class="f6" onclick="scrollToId('#f6');">　统计投票结果</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="gd_box2" style="position: absolute; right:85%;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="content-wrap" style=" display:none">
                            <section id="section-topline-1" class="content-current"> <a name="header_1" id="header_1"></a>

                            </section>
                            <section id="section-topline-2"> 

                            </section>
                            <section id="section-topline-3"> 

                            </section>
                            <section id="section-topline-4">

                            </section>
                            <section id="section-topline-5"> 

                            </section>
                            <section id="section-topline-6">

                            </section>
                            <section id="section-topline-7">

                            </section>
                        </div> 
                        <!-- /content --> 
                    </div>
                    <!-- /tabs -->
                </section>
            </div>
            <!-- /container --> 
            <script src="__PUBLIC__/Scripts/works/cbpFWTabs.js"></script> 
            <script>
                                                        (function () {

                                                            [].slice.call(document.querySelectorAll('.tabs')).forEach(function (el) {
                                                                new CBPFWTabs(el);
                                                            });

                                                        })();
            </script> 
            <!--tab------------------------------>   
            <!------------------------------------------------>
            <div class="platform" style="border:none">
                <section class="page page1" id="page1" style="height:0px;">
                    <div style=" width:55%; float:left;display:none">
                        <div class="p-txt p1-txt" style="display: block;">
                            <h2 class="p-h2">最专业微电商</h2>
                            <h4 class="p-h4">最资深的微信第三方开发商 最了解客户需求的微电商系统提供商</h4>
                            <div class="p1-show-phone" style="position:relative;width:45%;float:right;">
                                <div class="p1-show-clip">
                                    <ul>
                                        <li style="display: block;"><img src="__PUBLIC__/Images/works/1-1_03.png" alt="" height="234" width="396"></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="p-txt p1-txt" style="display: none; opacity: 1;">
                            <h2 class="p-h2">对接微信微博</h2>
                            <h4 class="p-h4">依托微信微博海量潜在用户，自动获取粉丝信息，打造完美购物体验</h4>
                        </div>
                        <div class="p-txt p1-txt" style="display: none; opacity: 1;">
                            <h2 class="p-h2">互动娱乐式电商</h2>
                            <h4 class="p-h4">打破传统电商销售模式，通过海量可自定义的互动游戏和营销活动提高销售成单率和粉丝参与度、回头率</h4>
                        </div>
                        <div class="p-txt p1-txt" style="display: none; opacity: 1;">
                            <h2 class="p-h2"></h2>
                            <h4 class="p-h4"></h4>
                        </div>
                        <div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
                        <div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
                        <div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
                        <div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
                        <div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
                        <div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
                        <div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
                        <div class="p-txt p1-txt" style="display: none;opacity: 1;"> </div>
                        <div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
                        <div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
                        <div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
                        <div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
                        <div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
                        <div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
                        <div class="p-txt p1-txt" style="display: none;  "> </div>
                    </div>
                    <div class="p1-show" style="display:none">
                        <div class="bgdiv">
                            <div class="lbg">
                                <div class="bgdiv1" id="bgdiv1"> </div>
                                <div class="bgx1"> </div>
                            </div>
                            <div class="lbg">
                                <div class="bgdiv2" id="bgdiv2"> </div>
                                <div class="bgx2"> </div>
                            </div>
                            <div class="lbg">
                                <div class="bgdiv3" id="bgdiv3"> </div>
                                <div class="bgx3"> </div>
                            </div>
                            <div class="lbg">
                                <div class="bgdiv4" id="bgdiv4"> </div>
                                <div class="bgx4"> </div>
                            </div>
                            <div class="lbg">
                                <div class="bgdiv5" id="bgdiv5"> </div>
                                <div class="bgx5"> </div>
                            </div>
                            <div class="lbg">
                                <div class="bgdiv6" id="bgdiv6"> </div>
                                <div class="bgx6"> </div>
                            </div>
                        </div>
                        <img class="p1-show-bg" src="__PUBLIC__/Images/works/section1_bg.png" alt=""> </div>
                    <div class="p1-show-phone" style=" width:45%;float:left;display:none">
                        <div class="p1-show-clip">
                            <ul style="left: 0px;">
                                <li style="display: block; left: 0px;"><img src="__PUBLIC__/Images/works/1-1_03.png" alt="" height="234" width="396"></li>
                                <li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-2_03.png" alt="" height="234" width="396"></li>
                                <li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-3_03.png" alt="" height="234" width="396"></li>
                                <li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-4_03.png" alt="" height="234" width="396"></li>
                                <li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-5_03.png" alt="" height="234" width="396"></li>
                                <li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-6_03.png" alt="" height="234" width="396"></li>
                                <li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-7_03.png" alt="" height="234" width="396"></li>
                                <li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-8_03.png" alt="" height="234" width="396"></li>
                                <li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-9_03.png" alt="" height="234" width="396"></li>
                                <li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-10_03.png" alt="" height="234" width="396"></li>
                                <li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-11_03.png" alt="" height="234" width="396"></li>
                                <li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-12_03.png" alt="" height="234" width="396"></li>
                                <li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-13_03.png" alt="" height="234" width="396"></li>
                                <li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-14_03.png" alt="" height="234" width="396"></li>
                                <li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-15_03.png" alt="" height="234" width="396"></li>
                                <li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-16_03.png" alt="" height="234" width="396"></li>
                                <li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-17_03.png" alt="" height="234" width="396"></li>
                                <li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-18_03.png" alt="" height="234" width="396"></li>
                                <li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-19_03.png" alt="" height="234" width="396"></li>
                                <li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-19_03.png" alt="" height="234" width="396"></li>
                            </ul>
                        </div>
                    </div>
                </section>
                <style>
                    .sa{width:1200px;padding-top:20px;  margin:0 auto; height:336px; clear:both; padding-left:0px}
                    .s2{width:1200px;padding-top:20px; margin:0 auto; height:336px; clear:both; padding-left:0px}
                    .sa .fl{float: right;width:70%; margin-top:30px}
                    .sa .fr{background:none;position:relative;width:30%;float: left; text-align:left}
                    .s2 .fr{float:left;width:30%;margin-left:-170px;}
                    .s2 .fl{background:none;position:relative;width:62%;float:left; text-align: left;  margin-left: 30px;margin-top:30px}
                    .platform .p-h2{font-size:28px;padding-top:30px; color:#1a1a1a;  margin-bottom: 35px;}
                    .platform .p-h4{line-height:200%; color:#363636;width:65%;}
                    .bg{ width:1000px; height:1px; margin:0 auto}
                </style>
                <a name="header_1" id="header_1"></a>
                <div class="sa" style="padding-top:50px;" id="f1">
                    <div class="fl">
                        <h2 class="p-h2">微信投票</h2>
                        <h4 class="p-h4">企业投票，调查活动好帮手，微信人人都玩，企业号粉丝参与投票，活跃团队内部气氛！</h4>
                    </div>
                    <div class="fr"> <img src="__PUBLIC__/Images/works/4-5_03.png" alt=""></div>
                    <div style="clear:both"></div>
                </div>
                <div class="bg"><img src="__PUBLIC__/Images/works/bg_64.png"></div>
                <a name="header_2" id="header_2"></a>
                <div class="s2" id="f2">
                    <div class="fl">
                        <h2 class="p-h2">视频播放</h2>
                        <h4 class="p-h4">八仙过海，各显神通，充分展示员工才艺，让你更加了解自己的小伙伴，拒绝陌生，拉近员工之间的距离。</h4>
                    </div>
                    <div class="fr"> <img src="__PUBLIC__/Images/works/4-5_07.png" alt=""></div>
                    <div style="clear:both"></div>
                </div>
                <div class="bg"><img src="__PUBLIC__/Images/works/bg_64.png"></div>
                <a name="header_3" id="header_3"></a>
                <div class="sa" id="f3">
                    <div class="fl">
                        <h2 class="p-h2">多项投票</h2>
                        <h4 class="p-h4">一次可进行多项投票，通过后台轻松设置，天空飘来五个字，这都不是事儿。</h4>
                    </div>
                    <div class="fr"> <img src="__PUBLIC__/Images/works/4-5_11.png" alt=""></div>
                    <div style="clear:both"></div>
                </div>
                <div class="bg"><img src="__PUBLIC__/Images/works/bg_64.png"></div>
                <a name="header_4" id="header_4"></a>
                <div class="s2" id="f4">
                    <div class="fl">
                        <h2 class="p-h2">投票活动管理</h2>
                        <h4 class="p-h4">自定义投票内容，投票时间，自动生成链接，灵活方便。</h4>
                    </div>
                    <div class="fr"> <img src="__PUBLIC__/Images/works/4-5_14.png" alt=""></div>
                    <div style="clear:both"></div>
                </div>
                <div class="bg"><img src="__PUBLIC__/Images/works/bg_64.png"></div>
                <a name="header_5" id="header_5"></a>
                <div class="sa" id="f5">
                    <div class="fl">
                        <h2 class="p-h2">自定义投票选项</h2>
                        <h4 class="p-h4">自定义分组，选项，个数没有限制</h4>
                    </div>
                    <div class="fr"> <img src="__PUBLIC__/Images/works/4-5_18.png" alt=""></div>
                    <div style="clear:both"></div>
                </div>
                <div class="bg"><img src="__PUBLIC__/Images/works/bg_64.png"></div>
                <a name="header_6" id="header_6"></a>
                <div class="s2" id="f6"> 
                    <div class="fl">
                        <h2 class="p-h2">统计投票结果</h2>
                        <h4 class="p-h4">自动生成投票结果，方便您根据结果进行颁奖等活动</h4>
                    </div>
                    <div class="fr"> <img src="__PUBLIC__/Images/works/4-5_22.png" alt=""></div>
                    <div style="clear:both"></div>
                </div>

                <script>
                    $(function () {
                        $('#nav').onePageNav();
                    });
                </script> 
            </div>
            <div class="side-bar">
                <!--
                <a href="http://weidian.pigcms.com/" class="icon-qq" onclick="window.open('http://wpa.qq.com/msgrd?v=3&amp;uin=800022936&amp;site=qq&amp;menu=yes:|a:-1|f:Ggdt1', '_blank', 'height=544, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');
                        return false;">QQ在线咨询</a>
                <a href="" class="icon-chat">
                    微信
                    <div class="chat-tips">
                        <i></i>
                        <img style="width:138px;height:138px;" src="__PUBLIC__/Images/works/code1.jpg" alt="小猪CMS微电商">
                    </div>
                </a>
                <a href="" class="icon-chat" style="background:url(images/66X66-DIANHUA.png) #ddd">
                    微信
                    <div class="chat-tips">
                        <i></i>
                        <img style="width:138px;height:138px;" src="__PUBLIC__/Images/works/tel.png" alt=" ">
                    </div>
                </a>-->
                <a href="javascript:void(0)" class="icon-totop" onclick="window.scrollTo(0, 0)">返回顶部</a>
            </div>
        </div>